<link href="css/style_menu.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/ddphpalbum.js"></script>
<script type="text/javascript" src="includes/getalbum.php?id=collectionalbum&page=2"></script>
<style type="text/css">

	span.fadehover {
		position: absolute;
	}

	.fadehover:hover img{
		border: 1px solid navy;
	}
	img.a {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
	}
	ul.thumb {
		width: 430px;
		float: left;
		list-style: none;
		/*margin-left: 20px;
		margin-bottom: 15px;*/
		/*padding: 0px 10px 0px 10px;*/
		display:block;
	}
	ul.thumb li {
		padding: 2px;
		float: left;
		position: relative;  /* Set the absolute positioning base coordinate */
		width: 130px;
		height: 80px;
	}
	ul.thumb li span img {
		width: 130px; height: 80px; /* Set the small thumbnail size */
		-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
		/*border: 1px solid #ddd;*/
		padding: 2px;
		/*background: #f0f0f0;*/
		position: absolute;
		left: 0; top: 0;
	}
	ul.thumb li img.hover {
		background:center;  /* Image used as background on hover effect
	}

</style>
    <?php
        @include('includes/menu.inc.php');
    ?>
	<!-- Kết thúc phần chung, tiếp tục phần riêng -->
	<div id="content_and_footer" class="menu_theme">
		<div id="page_content">
            <div id="sidebar">
                <?php GetImage(0,"car sidebar",265,285);?>
            </div>
			<div id="content">
				<div id="menu_content">
					<p style="font-family:tahoma; font-size:24px; font-weight:bold">WHEEL HOUSE DRINKS</p>
                    <ul style="clear:both">
                        <?php ReadMenu(); ?>
                    </ul>
				</div>	
                <div id="right_image">
					<script type="text/javascript">
		                var album = new phpimagealbum({
		                    albumvar: collectionalbum, //ID of photo album to display (based on getpics.php?id=xxx)
							kind: 'menu',
		                    dimensions: [3,2],
		                    autodesc: "Photo %i", //Auto add a description beneath each picture? (use keyword %i for image position, %d for image date)
		                    showsourceorder: false, //Show source order of each picture? (helpful during set up stage)
		                    status: 'onpress',
		                    onphotoclick:function(thumbref, thumbindex, thumbfilename){
								var newImg = new Image();
							    newImg.src = collectionalbum.images[thumbindex][1];
							    var curHeight = collectionalbum.images[thumbindex][5];
							    var curWidth = collectionalbum.images[thumbindex][4];
							    var img = resize(curWidth,curHeight,fw,fh);
		                        thumbnailviewer.loadimage(newImg.src,img[0],img[1],thumbindex, collectionalbum);
		                    }
		                });
		             </script>
                </div>			
			</div>
		</div>
		<div id="footer">
					Copyright © 2011 WHEEL HOUSE CAFE
		</div>
	</div>
<script>
